import { createApp } from 'vue'
import App from './App.vue'
// 引入路由
import { setupRouter } from '@/router'
import { setupStore } from "@/store"
// 引入路由守卫
import "@/router/permission"
// 原子化css
import 'virtual:uno.css'
// 引入animate.css
import 'animate.css'
// 引入粒子特效
import Particles from "vue3-particles"
// 引入DataV
import DataV from '@kjgl77/datav-vue3'
// 引入countUp（数字滚动）
import CountUp from "vue-countup-v3";

const mount = async () => {
  const app = createApp(App)
  // 状态管理
  setupStore(app);
  // 路由
  setupRouter(app)
  // 全局组件
  app.component('CountUp', CountUp)

  // 粒子特效
  app.use(Particles);
  // DataV
  app.use(DataV)

  // 挂载
  app.mount('#app', true)
}

mount()




